<style lang="scss">
.entrance-list{
	.rance-back{
		position: fixed;
		top: 1rem;
		left: 0;
		right: 0;
		background: #fff;
		bottom: 0;
		padding: 0 0.65rem;
		li{
			float: left;
			width: 33.33%;
			margin-top: 0.45rem;
		}
		.texts{
			text-align: center;
			height: 1.5rem;
			i{
				display: inline-block;
				width: 1.5rem;
				height: 1.5rem;
				background: url(../../static/img/lpath-power.png) no-repeat;
				background-size: 100% 100%;
			}
		}
		p{
			text-align: center;
			font-size: 0.35rem;
			color: #333;
			height: 0.7rem;
			line-height: 0.7rem;
		}
	}
}
</style>
<template>
<div class="entrance-list">
	<headTop :theRouter="therouter"></headTop>
	<ul class="rance-back fn-clear">
		<li @click="tranceBtn">
			<div class="texts">
				<i></i>
			</div>
			<p>水电站</p>
		</li>
	</ul>
	
</div>
</template>
<script>
import headTop from "./common/header"
export default{
	name:'entranceapp',
	components: { headTop },
	data(){
		return {
		}
	},
	computed: {
	    therouter: function() {
	      return this.$route
	    }
	},
	methods:{
		tranceBtn(){
			this.$router.push({ path: '/' + 'index', force: true });
		}
	}
}
</script>